<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 1rem;
            height: 1rem;
            background-color: red;
            display: inline-block;
        }
    </style>
    <link rel="stylesheet" href="./移动端css/reset.css">
    <script src="./移动端自适应js/wangshangrem.js"></script>
</head>

<body>

    <div class="box">
        你好啊
    </div>
    <input type="text" id="ipt">

    <script>
        //    box=document.querySelector('.box')
        //    ipt=document.querySelector('#ipt')
        //    console.log(box);

        //    box.onclick=function(e){
        //     //    document.onkeydown=function(e){
        //     //        console.log(e,'rrrrrrrr');
        //     //    }

        //        console.log(e.keyCode,'事件对象');
        //        if(e.shiftKey){
        //         console.log('按住shift');
        //        }else{
        //         console.log('没按shift');
        //        }
        //    }
        //    ipt.onkeydown=function(e){
        //        console.log(e.keyCode,'事件对象');
        //        if(e.shiftKey){
        //         console.log('按住shift');
        //        }else{
        //         console.log('没按shift');
        //        }
        //    }
        //  var  flag=false

        //  function fn(){
        //      console.log('点击事件');
        //      flag=true
        //  }

        //  document.onkeydown=function(e){
        //      console.log(e,11111);
        //      if(e.key=='shift'){
        //      if(flag){
        //           console.log('fn函数执行过了');
        //      }
        //      }
        //  }
    </script>
</body>

</html>